<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%
        request.setAttribute("APP",request.getContextPath());
    %>
    <link rel="stylesheet" href="${APP}/static/layui/css/layui.css">
    <script src="${APP}/static/layui/layui.js"></script>
    <script src="${APP}/static/jquery.min.js"></script>
    <style>
        ul{
            width: 100%;
            margin: 0.3rem 0;
            padding:0.3rem 0;
            border-top:0.05rem solid #ccc;
            border-bottom: 0.05rem solid #ccc;
        }
        li{
            width: 33%;
            list-style-type: none;
            display:inline-block;
            font-size: 0.8rem;
            border-left: 0.05rem solid #ccc;
            text-align: center;
        }
    </style>
    <script>

    </script>
</head>
<body>
<div class="layui-row layui-col-space5">
    <div class="layui-col-md7">
        <div class="layui-row grid-demo grid-demo-bg1">
            <div class="layui-col-md12">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="grid-demo grid-demo-bg1">
                            <img src="${APP}/static/image/head730.jpg" width="300" height="80" alt="">
                            <span>蚌埠学院</span>
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <div class="grid-demo">
                            <div class="layui-tab">
                                <ul id="ul_li" class="layui-tab-title">
                                    <li><a href="#"><i class="layui-icon layui-icon-app"></i>&nbsp;&nbsp;&nbsp;&nbsp;应用</a></li>
                                    <li><a href="#"><i class="layui-icon layui-icon-login-wechat"></i>&nbsp;&nbsp;&nbsp;&nbsp;微信</a></li>
                                    <li><a href="#"><i class="layui-icon layui-icon-login-qq"></i>&nbsp;&nbsp;&nbsp;&nbsp;QQ</a></li>
                                    <li><a href="#"><i class="layui-icon layui-icon-service"></i>&nbsp;&nbsp;&nbsp;&nbsp;客服</a></li>
                                    <li><a href="#"><i class="layui-icon layui-icon-logout"></i>&nbsp;&nbsp;&nbsp;&nbsp;退出</a></li>
                                    <li><a href="#"><i class="layui-icon layui-icon-user"></i>&nbsp;&nbsp;&nbsp;&nbsp;个人信息</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <table class="layui-table" lay-size="lg">
                    <tr>
                        <th>常见应用</th>
                    </tr>
                    <tr>
                        <td><a href="https://music.163.com/" target="_blank">音乐</a></td>
                    </tr>
                    <tr>
                        <td><a href="https://v.qq.com/" target="_blank">娱乐视频</a></td>
                    </tr>
                    <tr>
                        <td><a href="https://gotokeep.com/" target="_blank">运动</a></td>
                    </tr>
                    <tr>
                        <td><a href="https://www.zhihu.com/explore" target="_blank">知乎</a></td>
                    </tr>
                </table>
            </div>
            <div class="layui-col-md9">
                <div class="layui-card">
                    <div class="layui-card-header"><h1 align="center">蚌埠学院</h1></div>
                    <div class="layui-card-body">
                        <img src="${APP}/static/image/bbxy.jpg" width="1290" height="500" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
